<!-- 模块页面 -->
<template>
    <!-- 顶部胶囊 -->
    <edit-main-nav-capsule />
    <module-page-view :element="modulePageConfig" />
    <edit-main-disable-drag-mark />
</template>

<script>
import { defineComponent, computed } from 'vue'
import { useEditStore } from '@/store'
import ModulePageView from '@/components/edit/module-page-view'
import EditMainNavCapsule from '../edit-main-nav-capsule'
import EditMainDisableDragMark from '../edit-main-disable-drag-mark'
export default defineComponent({
    name: 'EditMainModulePage',
    components: {
        ModulePageView,
        EditMainNavCapsule,
        EditMainDisableDragMark
    },
    setup() {
        const editStore = useEditStore()

        const modulePageConfig = computed(() => editStore.modulePageConfig)

        return {
            modulePageConfig
        }
    }
})
</script>